
#body{width: 70%;margin: 100px auto;background-color: #f0f0f0;}
h1{margin: 10px 0;padding-left: 40px;color: #14191e;font-size: 24px;font-weight: normal;line-height: 64px;border-bottom: 1px solid #e3e3e3;}

.label-name{display:block;width: 400px;height:50px;text-align: left;color: #787d82;font-size:25px;line-height: 50px;}
.info_left{float: left;width: 480px;margin-left: 8px;}
.info_clear {width: 480px;margin: 20px auto;}

.info_left label{display:inline-block;width: 140px;height: 140px;margin:5px;background-color: #ccc;color: #787d82;text-align: center;font-size:25px;line-height: 140px;border: 1px solid #00EEEE;border-radius: 6px;}
.info_left label:hover{background-color: #787d82;color: #14191e; }
.info_left .active{background-color: #787d82;color: #14191e;}
.info_left .radio,.checkbox{display: none;}

.btn{display:block;width: 200px;height: 40px; margin: 0 auto;padding: 2px 8px;border-radius: 6px;color: #14191e;background-color: rgba(0,170,170,.85);border: 1px solid #787d82;cursor: pointer;vertical-align: middle;}
.btn:hover{color: #FFF;}
.btn:active{box-shadow:0 0 1px 1px rgba(0,170,170,.85);}
